const path = require('path')
module.exports = {
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        // lessOptions: {
        modifyVars: {
          // 直接覆盖变量
          // (在这里改，每次都得重启服务器-src以外的地方，热更新服务器main.js 引用的文件-所以需要每次重启)
          // 'nav-bar-background-color': '#007bff',
          // 'nav-bar-title-text-colo': 'white',

          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          // hack: 'true; @import "your-less-file-path.less";'
          hack: 'true; @import "' + path.join(__dirname, '/src/styles/cover.less') + '";'
          // 会被webpack 一并打包，所以可以检测到变化，所以不用频繁重启服务器了
          // hack 后字符串，运行时，会变成如下代码
          // @import "D:/xxx/xxx/src/styles/cover.less"
        }
        // }
      }
    }
  },
  // ...其他配置
  lintOnSave: false, // 关闭eslint检查
  publicPath: './', // 打包时 找到目录，yarn build
  devServer: { // 自定义服务配置
    open: true // 自动打开浏览器
    // port: 3000 // 修改接口 3000，从localhost:3000 打开
  }
}
